<template>
  <div style="margin-top: 20px">
    <div>
      <el-table :data="flows" border style="width: 100%">
        <el-table-column label="操作时间" align="center" prop="endTime" min-width="120px" show-overflow-tooltip />
        <el-table-column label="审批节点名称" align="center" prop="taskName" min-width="120px" show-overflow-tooltip />
        <el-table-column label="操作人" align="center" prop="assignee" min-width="150px" show-overflow-tooltip />
        <el-table-column label="操作状态" align="center" prop="auditResults" min-width="120px" show-overflow-tooltip> </el-table-column>
        <el-table-column label="操作意见" align="center" prop="message" min-width="180px" show-overflow-tooltip />
      </el-table>
    </div>
  </div>
</template>

<script>
import { FlowRecord } from '@/api/flowable/examine/details/api'
export default {
  // 收车信息
  name: 'FlowRecordTable',
  props: {
    id: {
      type: [String, Number],
      default: '',
    },
  },
  data() {
    return {
      flows: [],
    }
  },
  created() {
    this.getData()
  },
  methods: {
    getData() {
      if (!this.notEmpty(this.id)) return
      FlowRecord({
        id: this.id,
      }).then((res) => {
        this.flows = res.data
      })
    },
  },
}
</script>
<style lang="scss" scoped></style>
